.box{
	width: 200px;
	height: 300px;
	border: 1px solid green;
	text-align: center;
	font-size: 32px;
	/* 浮块：让块级盒子水平摆放 */
	/* 浮动float：left（左浮动） /none(不浮动) right(有浮动) */
	float: left;

}
.box2{
	width: 700px;
	height: 300px;
	border: 1px solid red;
	}
	 /*第一种清除方法 */
.clear{
	/* 清除两端浮动 */
	clear: both;
}
/*第2 种清除方法  */
.bigbox{
	overflow: hidden;
}
/* after:在...之后 */
/* 第3除动方法 :给父级元素添加after伪元素 */
 .clearfix ::after{/* 伪类:在clearfix类后面添加after伪元素 */ */
	content:"" ;/* 内容:空 */
	display: block;/* 将伪元素转换为块元素 */
	height: 0;
 clear: both;/* 清除两端浮动 */
visibility: hidden;/* 显示状态;隐藏 */
}
/* 第4清除浮动方法 给添加双伪元素 */
.clearfix ::before ::after{
	content:"";
	display:table;
}
/* 浮动的特性:
 1.浮动的盒子脱离标准流（脱标）
 2.浮动的盒子一行内显示并且顶端对齐，一行装不下会另起一行。
 3.浮动的盒子具有和内块元素类似的特征。

/* 清除标签的方法：
1.额外标签方：隔墙法。不建议使用
2.给父级元素添加overflow:hidden属
3.给父级元素添加after伪元素
4.给添加双伪元素
 */
  